/* 
Author: Sheila Tabuena
Filename: paloBike.css
Date Created: MAY-28-2009
CSS for COIN71 JavaScript Class Project web pages
*/
/*
Color reference from the Bike Club Logo:

#FFF2CF; /* bike wheel beige
#F3DC96; /* bike wheel tan
#D3A859; /* bike wheel brown
#5C4D24; /* bike wheel dark brown
#1E4E8C; /* bike head dark blue
#3465FF; /* logo blue 
#FF9300; /* logo orange
#3FA1F8; /* hover tab blue
#7FC0F9; /* lighter hover tab blue
#1484E6; /* dark tab blue
#E69700; /* active tab orange 
*/

/* basic elements */

body { 
     background: #d4ecfb url(paleSky.jpg) no-repeat top center; /* light/pale cerulean */
      }

#container { 
      width: 1000px;
      margin: 20px auto 5px auto; 
      min-height: 1060px;
      padding: 0;
      border-top: 4px solid #90BCFF;
      border-left: 4px solid #90BCFF;
      border-bottom: 4px solid #6282B2;
      border-right: 4px solid #6282B2;
      background: white; 
      position: relative;
      }

h1  { 
   font: bold italic 28pt Century Gothic, sans-serif;
   color: #E69700; /* active tab orange */
   text-align: left; 
   margin: 0;
   padding: 0px 0 0 280px ;
   background: #1484E6; /* dark tab blue */
}
#left {
	     position: absolute;
	     float: left;
	     width: 280px;
	     height: 600px;
	   }
#userAnnounce {
	    margin: 10px;
      padding: 2px;
      height: auto;
      width: 260px;
      background: #FCF7E8;
      position: relative;
      border: 1px solid #1484E6; /* dark tab blue */;
}
#notices {
	     position: relative;
	     width: 258px;
	     height: 465px;
       overflow: auto;
	     background: #FFF2CF; /* bike wheel beige */
       border: 1px solid #1484E6; /* dark tab blue */;
	   }
	   
#notices p {
       font: normal 8pt Century Gothic, sans-serif;
       color: #1484E6; /* dark tab blue */
	}
#notices td { 
   text-align: left; 
   vertical-align: top;
   font: normal 8pt Century Gothic, sans-serif;
   color: navy;
   margin: 0px; 
   padding: 0px;
   word-spacing: 0; 
   letter-spacing: 0;
   }
#events {
	     position: relative;
	     width: 500px;
	     height: 450px;
       overflow: auto;
	     background: #FFF2CF; /* bike wheel beige */
       border: 1px solid #1484E6; /* dark tab blue */;
	   }
#calForm p {
       font: normal 10pt Century Gothic, sans-serif;
       color: #1484E6; /* dark tab blue */
       text-align: center;
	}
#calForm td { 
   text-align: left; 
   vertical-align: top;
   font: normal 10pt Century Gothic, sans-serif;
   color: navy;
   margin: 0px; 
   padding: 0px;
   word-spacing: 0; 
   letter-spacing: 0;
   }
#dialog_link {
	  padding: .4em 1em .4em 10px;
	  text-decoration: none;
	  position: relative;
    font: bold 10pt Century Gothic, sans-serif;
	  	  }

#weather {
      margin: 10px; 
      padding: 0;
      background: transparent;
      position: relative;
      width: 265px;
      height: 255px;
      overflow-x: hidden;
      overflow-y: hidden;
}
#weatherFrame {
      width: 260px;
      height: 250px;
      border: 1px solid #1484E6; /* dark tab blue */;
      overflow-x: hidden;
      overflow-y: hidden;
}

#main {
      width: 715px;
      min-height: 500px;
      margin: 5px 5px 20px 280px; 
      padding: 0px;
      background: transparent;
      position: relative;
      float: right;
}
#main h1  { 
   font: bold 24pt Century Gothic, sans-serif;
   color: #FF9300; /* logo orange */
   text-align: left; 
   margin: 0;
   padding: 0px;
   border-top: 3px solid #1484E6; /* dark tab blue */;
   border-bottom: 3px solid #1484E6; /* dark tab blue */;
   background: transparent;
}

h2    { 
   font: bold 20pt Century Gothic, sans-serif; 
   color: #1484E6; /* dark tab blue */
   text-align: left; 
   margin: 0 0 0 0;
}

h3  { 
   font: bold 16pt Century Gothic, sans-serif;
   color: #FF9300; /* logo orange */
   text-align: left; 
   margin: 0 0 0 0;
}

h4  { 
   font: bold 14pt Century Gothic, sans-serif;
   text-align: left; 
   margin: 2px 0;
   color: #1484E6; /* dark tab blue */
   word-spacing: 0; 
   letter-spacing: 0;
}

#main td { 
   text-align: left; 
   vertical-align: top;
   font: normal 10pt Century Gothic, sans-serif;
   color: #1484E6; /* dark tab blue */
   margin: 0px; 
   padding: 0px;
   word-spacing: 0; 
   letter-spacing: 0;
   }

p  { 
   text-align: left; 
   font: normal 12pt Century Gothic, sans-serif;
   color: navy;
   background: transparent;
   margin-top: 0; 
   margin-bottom: 2px; 
   word-spacing: 0; 
   letter-spacing: 0;
}

#home, #calendar, #news, #join, #library {
      max-height: 758px;
      overflow: auto;
}

#store {
      max-height: 700px;
      overflow: auto;
}

#store table {
  margin-top: 5px;
  width: 100%;
  border-collapse: collapse;
}

#store td {
  border: 1px dashed;
  height: 150px;
  padding: 10px;
  vertical-align: middle;
}

#store #nav {
  margin: 10px;
}

#store a {
  cursor: pointer;
}

#home #announce {
   margin: 10px;
}

#home, #calendar, #news, #join, #libraryli, #store {
      font: normal 12pt Century Gothic, sans-serif;
      list-style-image: url(smallOBullet.png); 
      color: navy; /* #1E4E8C; /* bike head dark blue */
      text-align: left;
      margin-left: 20px;
      margin-top: 6px;
      margin-bottom: 2px;
}

#home, #calendar, #news, #join, #library a:link, #home, #calendar, #news, #join, #library a:visited, #store a, #store a:visited { 
      color: #3465FF; /* logo blue */
      text-decoration: none;
      }
#home, #calendar, #news, #join, #library a:hover, #home, #library a:focus, #store a:hover, #store a:focus { 
      color: #3FA1F8; /* hover tab blue */
      text-decoration: none;
      }

#footer  { 
      clear: both;
      margin: 0px; 
      text-align: center;
      padding: 5px 12px 5px 12px;
      background: transparent; 
      }
#footer p {
      font: bold 12pt arial, sans-serif; 
      text-align:center;
      color: #5C4D24; /* bike wheel dark brown */
      }
#footer a:link, #footer a:visited { 
      font: bold 12pt arial, sans-serif; 
      margin-right: 50px; 
      color: #1484E6; /* dark tab blue */
      text-decoration: none;
      }
#footer a:hover, #footer a:focus { 
      font: bold 12pt arial, sans-serif; 
      margin-right: 50px; 
      color: #3FA1F8; /* hover tab blue */
      text-decoration: none;
      }
*/